<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" title="评论回复" width="600px" :visible.sync="visible"
    append-to-body>
    <div class="dialogStyleBaseBox" v-loading="mixinEdit_loading">
        <el-form ref="editForm" label-width="100px" label-position="left">
            <el-form-item label="评论信息" prop="name">

                <div class="content">
                    <div class="item">
                        <div class="hh">
                            <div class="user">
                                <el-popover placement="right" width="300" trigger="hover">
                                    <div class="userBox">
                                        <div class="albumUrl">
                                            <imageBox :src="model.icon"></imageBox>
                                        </div>
                                        <div class="text">
                                            <div class="name">{{model.nickName}}</div>
                                            <div class="des" v-if="model.mobile"><span
                                                    class="el-icon-mobile-phone"
                                                    style="margin-right:3px;"></span>{{model.mobile}}</div>
                                        </div>
                                    </div>
                                    <div class="show" slot="reference">
                                        <div class="img">
                                            <imageBox :src="model.icon"></imageBox>
                                        </div>
                                        <div class="name">{{model.nickName}}</div>
                                    </div>
                                </el-popover>

                            </div>
                            <div class="time">评论时间：{{model.updatedTimeStr}}</div>
                        </div>
                        <div class="mm">
                            <div class="msg">{{model.content || "无内容"}}</div>
                            <div class="imgList" v-if="!$vFN.Utils.isEmpty(model.imageUrlLst)">
                                <div class="li" v-for="(item,index) in model.imageUrlLst">
                                    <el-popover placement="top" width="400" trigger="hover">
                                        <imageBox :src="item"></imageBox>
                                        <div class="img1" slot="reference">
                                            <imageBox :src="item"></imageBox>
                                        </div>
                                    </el-popover>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="item" v-for="(item,index) in model.commentReplayLst" :key="index">
                        <div class="hh">
                            <div class="user">
                                <div class="show" >
                                    <div class="name">商家回复</div>
                                </div>

                            </div>
                            <div class="time">回复时间：{{item.createdTimeStr}}</div>
                        </div>
                        <div class="mm">
                            <div class="msg">{{item.content || "无内容"}}</div>
                            <div class="imgList" v-if="!$vFN.Utils.isEmpty(item.imageUrlLst)">
                                <div class="li" v-for="(iitem,iindex) in item.imageUrlLst" :key="iindex"> 
                                    <el-popover placement="top" width="400" trigger="hover">
                                        <imageBox :src="iitem"></imageBox>
                                        <div class="img1" slot="reference">
                                            <imageBox :src="iitem"></imageBox>
                                        </div>
                                    </el-popover>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                <div class="rate">
                    <div class="li">
                        <el-tag size="mini" :type="rateType(model.commentLevel)">
                            商品评分：{{model.commentLevel}}分
                        </el-tag>
                    </div>
                    <div class="li">
                        <el-tag size="mini" :type="rateType(model.serviceLevel)">
                            服务评分：{{model.serviceLevel}}分
                        </el-tag>
                    </div>
                    <div class="li">
                        <el-tag size="mini" :type="rateType(model.deliveryLevel)">
                            配送评分：{{model.deliveryLevel}}分
                        </el-tag>
                    </div>
                </div>


            </el-form-item>
            <el-form-item label="回复评论" prop="name">
                <el-input
                        type="textarea"
                        :rows="2"
                        placeholder="请输入内容"
                        v-model="content"
                        maxlength="200"
                        show-word-limit>
                </el-input>
            </el-form-item>
            <el-form-item label="添加图片" prop="imageUrlLst">
                <SelectImageCheckbox  :apiConfig="$vFN.Tools.getAppGlobalData('selectResourcesImageApiConfig.resourcesImageBox',appWindow)"
                     :appWindow="appWindow" v-model="imageUrlLst" :count="6" ></SelectImageCheckbox>
            </el-form-item>
        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-button :disabled="mixinEdit_loading" @click="cancelReply()">取 消</el-button>
            <el-button :disabled="mixinEdit_loading" type="primary" @click="confirmReply()">确定</el-button>
        </el-row>
    </div>
</el-dialog>
